<template>
    <div>
        <div v-show="msstart">
            <div style="width: 100%;
            height: 30px;"><span style="float: left; "><img src="../views/img/j_02.jpg" alt="" style="width: 40px;
            height: 20px;"></span>
            <span style="margin-left: 20px;">距离本场结束</span>
            <span style="margin-left: 20px;background-color:red;">08</span>: 
             <span style="background-color:red;">24</span>:
           <span style="background-color:red;">{{ time }}</span>
           <span style="float: right;">更多场次 ></span></div>
          <div>
            <van-grid :border="false" :column-num="3">
  <van-grid-item>
   <img src="../views/img/首页_05.jpg" alt="" style="width: 100px;
   height: 100px;"> <p>充客 Type—C接口耳机</p>
  </van-grid-item>
  <van-grid-item>
   <img src="../views/img/首页_05.jpg" alt="" style="width: 100px;
   height: 100px;">
 <p>充客 Type—C接口耳机</p>
  </van-grid-item>
  <van-grid-item>
   <img src="../views/img/首页_05.jpg" alt="" style="width: 100px;
   height: 100px;">
 <p>充客 Type—C接口耳机</p>
  </van-grid-item>
</van-grid>

        </div> 
        </div>
        
    </div>
</template>

<script setup>
import { ref } from 'vue';
const msstart = ref(true)
const time = ref(10)
let timer;
const timee = () => setInterval(() => {
    time.value--
    if (time.value == 0) {
        clearInterval(timer)
        msstart.value = false
    }
}, 1000)
timee()
</script>

<style lang="scss" scoped></style>